<html>
<head>
    <meta charset="utf-8">
    <title>曹俊的个人博客</title>
    <meta name="keywords" content="曹俊的个人博客"/>
    <meta name="description" content="曹俊的个人博客"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="cptsbpm/css/base.css" rel="stylesheet">
    <link href="cptsbpm/css/index.css" rel="stylesheet">
    <link href="cptsbpm/css/m.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="cptsbpm/js/modernizr.js"></script>
    <![endif]-->
    <script>
        window.onload = function () {
            var oH2 = document.getElementsByTagName("h2")[0];
            var oUl = document.getElementsByTagName("ul")[0];
            oH2.onclick = function () {
                var style = oUl.style;
                style.display = style.display == "block" ? "none" : "block";
                oH2.className = style.display == "block" ? "open" : ""
            }
        }
    </script>
</head>
<body>
<header>
    <div class="tophead">
        <div class="logo"><a href="/">曹俊的个人博客</a></div>
        <div id="mnav">
            <h2><span class="navicon"></span></h2>
            <ul>
                <li><a href="/">网站首页</a></li>
                <li><a href="bkabout">关于我</a></li>
            </ul>
        </div>
        <nav class="topnav" id="topnav">
            <ul>
                <li><a href="/">网站首页</a></li>
                <li><a href="bkabout">关于我</a></li>
            </ul>
        </nav>
    </div>
</header>
<div class="picshow">
    <ul>
        <li><a href="/"><i><img src="cptsbpm/images/b01.jpg"></i>
            <div class="font">
                <h3>个人博客模板《早安》</h3>
            </div>
        </a></li>
        <li><a href="/"><i><img src="cptsbpm/images/b02.jpg"></i>
            <div class="font">
                <h3>个人博客模板《早安》</h3>
            </div>
        </a></li>
        <li><a href="/"><i><img src="cptsbpm/images/b03.jpg"></i>
            <div class="font">
                <h3>个人博客模板《早安》</h3>
            </div>
        </a></li>
        <li><a href="/"><i><img src="cptsbpm/images/b04.jpg"></i>
            <div class="font">
                <h3>个人博客模板《早安》</h3>
            </div>
        </a></li>
        <li><a href="/"><i><img src="cptsbpm/images/b05.jpg"></i>
            <div class="font">
                <h3>个人博客模板《早安》</h3>
            </div>
        </a></li>
    </ul>
</div>
<article>
    <div class="blogs">
        <li><span class="blogpic"><a href="info"><img src="cptsbpm/images/text02.jpg"></a></span>
            <h3 class="blogtitle"><a href="info">陌上花开，可缓缓归矣</a></h3>
            <div class="bloginfo">
                <p>用最简单的代码，实现瀑布流布局，没有繁琐的css，没有jq，只需要做到以下就可以实现瀑布流的效果。思路很简单，看成是三列布局，分别用三个ul来调用。帝国cms列表模板，...</p>
            </div>
            <div class="autor"><span class="lm"><a href="info" title="CSS3|Html5" target="_blank" class="classname">CSS3|Html5</a></span><span
                    class="dtime">2018-05-04</span><span class="viewnum">浏览（<a href="info">0</a>）</span><span
                    class="readmore"><a href="info">阅读原文</a></span></div>
        </li>
    </div>
    <div class="sidebar">
        <div class="about">
            <div class="avatar"><img src="cptsbpm/images/avatar.jpg" alt=""></div>
            <p class="abname">曹俊</p>
            <p class="abposition">Web前端设计师、网页设计</p>
            <div class="abtext"> 一个80后草根男站长！09年入行。一直潜心研究web前端技术，一边工作一边积累经验，分享一些个人博客模板，以及SEO优化等心得。</div>
        </div>
        <div class="search">
            <form action="" method="post" name="searchform" id="searchform" onsubmit="return false">
                <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字"
                       style="color: rgb(153, 153, 153);"
                       onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}"
                       onblur="if(value==''){this.style.color='#999';value='请输入关键字'}" type="text">
                <input name="show" value="title" type="hidden">
                <input name="tempid" value="1" type="hidden">
                <input name="tbname" value="news" type="hidden">
                <input name="Submit" class="input_submit" value="搜索" type="submit" onsubmit="false">
            </form>
        </div>
        <div class="cloud">
            <h2 class="hometitle">标签云</h2>
            <ul>
                <a href="javacript:void(0);">Html</a> <a href="javacript:void(0);">css</a>
            </ul>
        </div>
    </div>
</article>
<div class="blank"></div>
<footer>
    <p>Design by <a href="/">曹俊个人博客</a> 版权所有：<a href="http://www.miitbeian.gov.cn/">苏ICP备18071181号-1</a></p>
</footer>
<script src="cptsbpm/js/nav.js"></script>
</body>
</html>
